<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font.css">
    <link rel="stylesheet" href="./main.css">
</head>
<body>
    <div class="one">
        <div class="box1">
            <div class="l"><img src="./img/博文尚美首页_03.jpg" alt=""></div>
            <div class="r">
                <div class="td">HOME</div>
                <div class="td">ABOUT</div>
                <div class="td">PROTFOLIO</div>
                <div class="td">SERVICE</div>
                <div class="td">NEWS</div>
                <div class="td">CONTACT</div>
            </div>
        </div>
    </div>
    <div class="two">
        <div class="box2"><img src="./img/博文尚美首页_06.jpg" alt=""></div>
    </div>
    <div class="three">
        <div class="box3">
            <div class="td">
                <div class="ttd"></div>
                <div class="ttd"><div class="p1">服务范围</div>OUR SERVIVES</div>
                <div class="ttd"></div>
            </div>
            <div class="td">
                <div class="ttd"><img src="./img/博文尚美首页_09.jpg" alt=""></div>
                <div class="ttd"><div class="p1">1.WEB DESIGN</div></div>
                <div class="ttd">企业品牌网站设计/手机网站制作
                    动画网站创意设计</div>
            </div>
            <div class="td">
                <img src="./img/博文尚美首页_11.jpg" alt="">
                <div class="p1">2.GRAPHIC DESIGN</div>
                标志LOGO设计/产品宣传册设计
企业广告/海报设计
            </div>
            <div class="td">
                <img src="./img/博文尚美首页_13.jpg" alt="">
                <div class="p1">3.E-BUSINESS PLAN</div>
                淘宝/天猫装修设计及运营推广
企业微博、微信营销
            </div>
            <div class="td">
                <img src="./img/博文尚美首页_15.jpg" alt="">
                <div class="p1">4.MAILBOXAGENTS</div>
                腾讯/网易企业邮箱品牌代理
个性化邮箱定制开发
            </div>
        </div>
    </div>
    <div class="four">
        <div class="box4">
            <div class="td" style="color: #66c5b4; font-size: 20px;">
               <div class="ttd"></div>
               <div class="ttd"> { 客户案例 }</div>
               <div class="ttd"></div>
            </div>
            <div class="td" style="text-align: center;">With the best professional technology, to design the best innovative web site</div>
            <div class="td"><img src="./img/博文尚美首页_22.jpg" alt=""></div>
            <div class="td"><img src="./img/博文尚美首页_24.jpg" alt=""></div>
            <div class="td"><img src="./img/博文尚美首页_27.jpg" alt=""></div>
            <div class="td">
                <div class="ttd">VIEW MORE</div>
            </div>
        </div>
    </div>
    <div class="five">
        <div class="box5">
            <div class="td">
                <div class="ttd"></div>
                <div class="ttd"><div class="p1">最新资讯</div>THE LATEST NEWS</div>
                <div class="ttd"></div>
            </div>
            <div class="td">
                <img src="./img/博文尚美首页_33.jpg" alt="">
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">09</div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">网站排名进入前三的技巧说明</div>
                    很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎
                </div>
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">
                        08
                    </div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">
                        flash网站制作的优缺点
                    </div>
                    虽然HTML5程序语言出现，大有逐渐代替Flash网站制作的意味，但是过于生硬的HTML5动画效果，始终...
                </div>
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">
                        07
                    </div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">
                        做个网站多少钱？
                    </div>
                    做个网站多少钱？”很多客户打电话过来直接第一句就抛出来的问题。这好比买辆车多少钱，你是要...
                </div>
            </div>
            <div class="td">
                <div class="ttd">
                    <div class="p2">
                        06
                    </div>
                    JAN
                </div>
                <div class="ttd">
                    <div class="p3">
                        哪些网站优化手法属于网站过度优化
                    </div>
                    大部分人都想让自己的网站，一夜之间出现在搜索引擎首页，独占鳌头。但是事实告诉我们罗马不是一...
                </div>
            </div>
        </div>
    </div>
    <div class="six">
        <div class="box6">
            <div class="l">Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved</div>
            <div class="r">
                Home     |     About     |     Portfolio     |     Contact
            </div>
        </div>
    </div>
</body>
</html>